
#VisualSystem{

    section{
        header{
            padding: 0 25px!important;
            // 船体列表
            .ship_list_left{
                width: 40%;
                float: left;
                .ship_list{
                    color: #fff!important;
                    vertical-align: middle;
                }
                img{
                    vertical-align: middle;
                    margin-right: 10px;
                }
                .ant-input-affix-wrapper{
                    width: 100%!important;
                    margin-left: 20px;
                    background-color: rgb(59, 63, 72);
                    border: none;
                    input{
                        background-color: rgb(59, 63, 72);
                    }
                }
                .ship_list_con{
                    position: relative;
                    width: 220px;
                    display: inline-block;
                }
                .cancel{
                    position: absolute;
                    right: -24px;
                    top: 23px;
                }
                .search{
                    position: absolute;
                    left: 24px;
                    top: 23px;
                }
                .ship_list_search{
                    height: 36px;
                    width: 100%;
                    border-radius: 10px;
                    padding-left: 32px;
                    color: #fff;
                    outline: none;
                    border: none;
                    margin-left: 20px;
                    background-color: rgb(59, 63, 72);
                }
            }
            // 新建船体
            .ship_list_right{
                float: right;

                .ant-btn-primary{
                    padding: 0 40px!important;
                }
            }
        }
        main{
            .action{
                color: #00BFFF;
                padding: 0 4px;
                cursor: pointer;
            }

            .ant-pagination{
                position: fixed;
                bottom: 0;
                margin: 0;
                padding: 10px 0;
                background-color:rgb(234, 240, 243);
                width: 100%;
            }
            .listNum{
                position: fixed;
                bottom: 0px;
                left: 20px;
            }
        }
    }
    
    .copyValidate{
        position: fixed;
        // display: none;
        width: 400px;
        height: 200px;
        padding-top: 20px;
        border: 10px solid#1E90FF;
        border-radius: 10px;
        text-align: center;
        background-color: #fff;
        top: 40%;
        left: 40%;
        .copyValidateInp{
            width: 80%;
            margin: 20px;
            outline: none;
        }
        .copyValidateCon{

            div{
                margin-top: 20px;
                display: flex;
                justify-content: space-around;
            }
        }
    }
    
}